<!DOCTYPE html>
<html>
<head>
	<title>Web01</title>
  <link rel="stylesheet" href="/static/bootstrap-4.6.2/css/bootstrap.css">
  <link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.css">
  <style>
    .ct {
        margin-left: auto;                  /* 设置水平居中 */
        margin-right: auto;
        margin-top: 200px;
        width: 500px;
        height: 350px;
        border: 2px solid #dddddd;
        padding: 20px 40px;                 /* 设置内边距 */
        border-radius: 10px;                /* 设置圆角*/
        box-shadow: 5px 5px 20px #aaa;      /* 设置阴影 水平 垂直 厚度 颜色*/

    }

    .ct h1 {
        text-align: center;
        margin-top: 10px;
    }

    .ct button {
        margin: 20px;
    }
</style>
</head>
<body>
<div class="ct">
  <div>
      <h1>用户登录</h1>
  </div>
  <div>
      <form>
          <div class="form-group">
              <label for="exampleInputEmail1">用户名</label>
              <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入用户名">
          </div>
          <div class="form-group">
              <label for="exampleInputPassword1">密码</label>
              <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
          </div>
          <div style="text-align: center">
              <button type="submit" class="btn btn-primary">登 录</button>
              <button type="submit" class="btn btn-default">注 册</button>
          </div>
      </form>
  </div>
</div>
<script src="/static/jquery-3.7.1.min.js"></script>
<script src="/static/bootstrap-4.6.2/js/bootstrap.bundle.min.js"></script>
</body> 
</html>